.btn {
  padding: $btn-padding-vertical $btn-padding-horizontal $btn-padding-vertical - 1;
  font-size: $btn-font-size-base;
  line-height: $btn-line-height;
  border-radius: $btn-border-radius;

  &-default {
    @include btn-style($btn-bg-default, $btn-bg-default-hover, $btn-bg-default-active);
  }

  &-primary {
    @include btn-style($btn-bg-primary, $btn-bg-primary-hover, $btn-bg-primary-active);
  }

  &-warning {
    @include btn-style($btn-bg-warning, $btn-bg-warning-hover, $btn-bg-warning-active);
  }

  &.disabled, &[disabled] {
    border-color: $btn-bg-disabled;
    background-color: $btn-bg-disabled;
    opacity: 1;
  }
}

.btn-sm {
  @include button-size($btn-sm-padding-y, $btn-sm-padding-x, $btn-font-size-sm, $btn-line-height);
}